<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <script type="text/javascript" src="js/jquery.1.9.1.js" ></script>
    <script type="text/javascript" src="js/layer.js" ></script>
    <link rel="stylesheet" type="text/css" href="css/layer.css"/>
    <script type="text/javascript" src="js/mobileSelect.js"></script>
	<link rel="stylesheet" type="text/css" href="css/mobileSelect.css"/>
	<script type="text/javascript" src="js/rem.js" ></script>
    <title>参会人员</title>
</head>
<style>
.jt{margin: 0.14rem 0.1rem 0 0;}
</style>
<body>
	<div class="session_top">上海分公司第40周开会计划</div>
	<ul class="order_money" style="padding: 0 0.3rem;background: #fff;margin-top: 0.2rem;">
	    <li>
			<span class="type">提分宝典分成方式</span><span class="jt"></span>
			<div id="trigger1" class="trigger1" style="display: inline-block;width: 96%;">
			 	<span class="bitian1">必填</span>
			</div>
			<input type="hidden" name="" id="tfbd" value="" />								
		</li>
		 <li>
			<span class="fontchang">一轮书分成方式</span><span class="jt"></span>
			<div id="trigger2" class="trigger2" style="display: inline-block;width: 96%;">
			 	<span class="bitian1">必填</span>
			</div>
			<input type="hidden" name="" id="yilunshu" value="" />								
		</li>
	</ul>
	<ul class="session_list">
		<li>参会人员管理
			<a href="add.html"><img class="add" src="img/jia.png" /></a>
		</li>
		<li>
			<img class="tx" src="http://b-ssl.duitang.com/uploads/item/201704/10/20170410073535_HXVfJ.thumb.700_0.jpeg"/>
			<span class="session_info">xxx&nbsp;&nbsp;|&nbsp;&nbsp;<span>总经理</span></span>
			<img class="cut" src="img/cut.png" />
		</li>
		<li>
			<img class="tx" src="http://b-ssl.duitang.com/uploads/item/201704/10/20170410073535_HXVfJ.thumb.700_0.jpeg"/>
			<span class="session_info">xx&nbsp;&nbsp;|&nbsp;&nbsp;<span>外联</span></span>
			<img class="cut" src="img/cut.png" />
		</li>
	</ul>
	<div class="preserve">提交</div>
</body>
<script>
$(function(){
	$('.cut').click(function(){
		$(this).parent().hide();
	});
	//提交表单
	$('.preserve').click(function(){
		var tfbd = $('#tfbd').val();
		var yilunshu = $('#yilunshu').val();
		if(tfbd == ''||tfbd == null){
			layer.open({
				content:'请选择提分宝典分成方式' ,
				skin: 'msg',
				time: 2 //2秒后自动关闭
			});
			return false;
		}
		if(yilunshu == ''||yilunshu == null){
				layer.open({
				content:'请选择一轮书分成方式' ,
				skin: 'msg',
				time: 2 //2秒后自动关闭
			});
			return false;
		}
		$.ajax({
		  type: 'post',
		  url:"" ,
		  data:{tfbd:tfbd,yilunshu:yilunshu},
		  dataType: "json",
		  success: function(data){
		    layer.open({
				content:data.msg ,
				skin: 'msg',
				time: 2 //2秒后自动关闭
			});
		  }
		});
	 });
	//选择
	var mobileSelect1 = new MobileSelect({
	    trigger: '#trigger1',
	    title: '提分宝典',
	    wheels: [{data:[
	    					{
	                        id:'1',
	                        value:'人均'
	                    },
	                    {
	                        id:'2',
	                        value:'百分比'
	                    }
	    			]}],
		 callback:function(indexArr, data){
		    $('#tfbd').val(data[0].value);
		    $('.type').css('font-size','0.2rem');
		 }  
	});
	var mobileSelect2 = new MobileSelect({
	    trigger: '#trigger2',
	    title: '一轮书',
	    wheels: [{data:[
	    					{
	                        id:'1',
	                        value:'人均'
	                    },
	                    {
	                        id:'2',
	                        value:'百分比'
	                    }
	    			]}],
		 callback:function(indexArr, data){
		    $('#yilunshu').val(data[0].value);
		    $('.fontchang').css('font-size','0.2rem');
		 }  
	});
});
</script>
</html>
